.login{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;

  .left-tip, .right-tip, .bottom-tip{
    position: absolute;
    font-family:PingFangSC-Regular;
    font-size:12px;
    color:#8492a6;
    letter-spacing:0;
    top: 20px;

    &.left-tip{
      left: 30px;
    }

    &.right-tip{
      right: 30px;
      cursor: pointer;
    }

    &.bottom-tip{
      top: inherit;
      bottom: 20px;
    }
  }

  .title-img{
    margin-top: 100px;
    margin-bottom: 30px;
  }

  .tip{
    margin-bottom: 30px;
    font-size:12px;
    color:#8492a6;
    letter-spacing:0;
  }

  .login-form{
    background:#ffffff;
    box-shadow:0 4px 15px 0 rgba(0,0,0,0.06);
    border-radius:4px;
    // width:350px;
    padding: 70px 50px 30px 50px;
    text-align: center;

    .el-input__inner{
      border: 0 !important;
      text-align: center;
    }
    .el-form-item__error{
      margin: 10px;
      text-align: center;
      width: 100%;
    }

    .el-input{
      border-bottom: 1px solid #e0e6ed;
    }

    .el-form-item__content{
      margin-bottom: 50px;
      width: 250px;
    }

    .forget-password{
      font-size:13px;
      color:#8492a6;
      text-decoration: none;
    }

    .submit-btn{
      background:#31b69b;
      border-radius:100px;
      padding: 10px 40px;
    }
  }
}